<!DOCTYPE html>
<iframe srcdoc="<meta name='referrer' content='no-referrer-when-downgrade'>
<base href='http://example.com/from/iframe.html'>
<style>
@font-face {
    font-family: faceInIframe;
    src: url('http://127.0.0.1:8000/css/resources/referrer-check.php?from=iframe&resource=font');
}
.imageInIframe {
    background-image: url('http://127.0.0.1:8000/css/resources/referrer-check.php?from=iframe&resource=image');
}
.imageSetInIframe {
    background-image: -webkit-image-set(
        url('http://127.0.0.1:8000/css/resources/referrer-check.php?from=iframe&resource=image2') 1x,
        url('http://127.0.0.1:8000/css/resources/referrer-check.php?from=iframe&resource=image') 1x
    );
}
</style>

<div style='font-family: faceInIframe;'>
    This should be rendered with ahem font.
</div>
<div class='imageInIframe'>
    Image in iframe. Background should be dark blue.
</div>
<div class='imageSetInIframe'>
    Image set in iframe. Background should be dark blue.
</div>
"></iframe>

<script>
  if (window.testRunner) {
    testRunner.waitUntilDone();
    document.fonts.ready.then(function() {
      testRunner.notifyDone();
    });
  }
</script>
